<%@page language="java" pageEncoding="UTF-8" contentType="text/html;charset=utf-8"%>
<%@include file="/includes/taglibs.jsp"%>
<%@page import="com.feib.soeasy.util.UserUtil"%>
<%@page import="com.feib.soeasy.action.Soez9007ActionBean"%>
<%@page import="com.feib.soeasy.model.UserActionLog"%>

<%
	Soez9007ActionBean actionBean =(Soez9007ActionBean) request.getAttribute("actionBean");
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title><%=UserUtil.getCurrentMenuItemName() %></title>
	<script type="text/javascript" src="<c:url value='/scripts/jquery/jquery.bgiframe-2.1.2.js'/>"></script>
	
	<script type="text/javascript">
	<!--	
	$(document).ready(function() {
		
		
		
		$('#findGroupNoImg').click(function() {
			var groupNo = $('#qryRealAccount\\.group\\.groupNo').val();
			
			if (null != groupNo && 0 != groupNo.length){
				var tmpGroupNo = parseInt(groupNo,10);
				if(! isNaN(tmpGroupNo)){
					$('#hidden\\.qryGroup\\.groupNo').val(groupNo);
					$('#hidden\\.qryGroup\\.groupName').val('');
					$('#qryGroup\\.groupNo').val(groupNo);
					$('#qryGroup\\.groupName').val('');
				}
				else{
					$('#hidden\\.qryGroup\\.groupNo').val('');
					$('#hidden\\.qryGroup\\.groupName').val(groupNo);
					$('#qryGroup\\.groupNo').val('');
					$('#qryGroup\\.groupName').val(groupNo);
					$("#queryGroupResultDiv").html('');
				}
				
				$("#findGroupDiv" ).dialog({  
					title:'帳單業者查詢' 
					, width: 600
					, resizable: true
					, modal: true
				});
				
				$('#doAjaxQueryGroupsBtn').click();
			}
			else{
				$('#hidden\\.qryGroup\\.groupNo').val('');
				$('#hidden\\.qryGroup\\.groupName').val('');
				$('#qryGroup\\.groupNo').val('');
				$('#qryGroup\\.groupName').val('');
				$("#queryGroupResultDiv").html('');
				$("#findGroupDiv" ).dialog({  
					title:'帳單業者查詢' 
					, width: 600
					, resizable: true
					, modal: true
				});
			}
		});

		$('#doAjaxQueryGroupsBtn').click(function() {
			var groupNo = $('#qryGroup\\.groupNo').val();
			var groupName = $('#qryGroup\\.groupName').val();
			$("#queryGroupResultDiv").html('');

			$('#hidden\\.qryGroup\\.groupNo').val(groupNo);
			$('#hidden\\.qryGroup\\.groupName').val(groupName);
			doQueryGroupAction(1);
			
		});
		
		$('#doAjaxCloseGroupsBtn').click(function() {
			$("#findGroupDiv" ).dialog( "destroy" );
		});
			
		

		$('#doQueryBtn').click(function() {
			var errMsg = "";
			var groupNo = $('#qryRealAccount\\.group\\.groupNo').val();
			var groupName = $('#qryRealAccount\\.group\\.groupName').val();
			var accountNo = $('#qryRealAccount\\.accountNo').val();

			$('#hidden\\.qryRealAccount\\.group\\.groupNo').val(groupNo);
			$('#hidden\\.qryRealAccount\\.group\\.groupName').val(groupName);
			$('#hidden\\.accountNo').val(accountNo);
			//if (null == groupNo || 0 == groupNo.length){
			//	errMsg = errMsg + "業者代號是必要欄位<br/>";
			//}
			if (0 != errMsg.length){
				$("#ajaxErrorMessageDiv").html(errMsg);
				$("#ajaxErrorMessageDiv" ).dialog({  
					title:'請修正下列錯誤' 
					,width: 300
					, resizable: false
					, modal: true
					, buttons: {
						Ok: function() {
							$( this ).dialog( "close" );
						}
					}
				});
				return false;
			}
			
			
			
			
			
			
			doQueryAction(1);
		});
		
		
		$('#toAddBtn').click(function() {
			$.ajax({
				url : "<c:url value='/ajax/Soez9007.action'/>",
				async : true,
				type : 'POST',
				data : {toAjaxAddGroup: 'toAjaxAddGroup'},
				dataType : 'html',
				success : function(data, textStatus, XMLHttpRequest) {					
					$("#editGroupDiv").html('');					
					$("#editGroupDiv").html(data);
				},
				error : function(XMLHttpRequest, textStatus, errorThrown) {
					$("#ajaxErrorMessageDiv").html('系統發生錯誤，請聯絡管理員');
					$("#ajaxErrorMessageDiv").dialog("destroy");
					$("#ajaxErrorMessageDiv").dialog({
						title : '系統錯誤',
						width : 600,
						resizable : false,
						modal : true,
						buttons : {
							Ok : function() {
								$(this).dialog("close");
							}
						}
					});
				},
				complete : function(XMLHttpRequest, textStatus) {
					closeWaitingDialog();
				}
			});
		});
		
		
	});
	
	function doQueryAction(pageNumber)
	{
		if (null != pageNumber)
			$('#hidden\\.queryResult\\.pageNumber').val(pageNumber);
		$("#queryResultDiv").fadeTo("slow", 0.1);

		waitingDialog({});
		$.ajax({url : "<c:url value='/ajax/Soez9007.action'/>",
			async : true,
			type : 'POST',
			data : $("#queryHiddenFrom").serialize(),
			dataType : 'html',
			success : function(data, textStatus, XMLHttpRequest){
					$("#queryResultDiv").html(data);					
				},
			error : function(XMLHttpRequest, textStatus, errorThrown){
				$("#ajaxErrorMessageDiv").html('系統發生錯誤，請聯絡管理員');
				$("#ajaxErrorMessageDiv" ).dialog({  
					title:'系統錯誤' 
					,width: 600
					, resizable: false
					, modal: true
					, buttons: {
						Ok: function() {
							$( this ).dialog( "close" );
						}
					}
				});
				},
			complete: function(XMLHttpRequest, textStatus){
				closeWaitingDialog();
				$("#queryResultDiv").fadeTo("slow", 1);
			}
		});
	}
	
	function toAjaxEditRealAccountAction(groupPk)
	{
		waitingDialog({});
		$.ajax({
			url : "<c:url value='/ajax/Soez9007.action'/>",
			async : true,
			type : 'POST',
			data : {toAjaxEditRealAccount: 'toAjaxEditRealAccount', 'editGroup.groupPk': groupPk, 'queryRealAccount.pageSize': 100},
			dataType : 'html',
			success : function(data, textStatus, XMLHttpRequest) {
				$("#editRealAccountDiv").html(data);
				$("#editRealAccountDiv").dialog({
					title : '<%=UserUtil.getCurrentMenuItemName() %>',
					width : 600,
					resizable : false,
					modal : true
				});
			},
			error : function(XMLHttpRequest, textStatus, errorThrown) {
				$("#ajaxErrorMessageDiv").html('系統發生錯誤，請聯絡管理員');
				$("#ajaxErrorMessageDiv").dialog({
					title : '系統錯誤',
					width : 600,
					resizable : false,
					modal : true,
					buttons : {
						Ok : function() {
							$(this).dialog("close");
						}
					}
				});
			},
			complete : function(XMLHttpRequest, textStatus) {
				closeWaitingDialog();
			}
		});
	}

	function toAjaxEditPaymentCanceledAction(groupPk)
	{
		waitingDialog({});
		$.ajax({
			url : "<c:url value='/ajax/Soez9007.action'/>",
			async : true,
			type : 'POST',
			data : {toAjaxEditPaymentCanceled: 'toAjaxEditPaymentCanceled', 'editGroup.groupPk': groupPk, 'queryPaymentCanceledReason.pageSize': 100},
			dataType : 'html',
			success : function(data, textStatus, XMLHttpRequest) {
				$("#editPaymentCanceledDiv").html(data);
				$("#editPaymentCanceledDiv").dialog({
					title : '<%=UserUtil.getCurrentMenuItemName() %>',
					width : 600,
					resizable : false,
					modal : true
				});
			},
			error : function(XMLHttpRequest, textStatus, errorThrown) {
				$("#ajaxErrorMessageDiv").html('系統發生錯誤，請聯絡管理員');
				$("#ajaxErrorMessageDiv").dialog({
					title : '系統錯誤',
					width : 600,
					resizable : false,
					modal : true,
					buttons : {
						Ok : function() {
							$(this).dialog("close");
						}
					}
				});
			},
			complete : function(XMLHttpRequest, textStatus) {
				closeWaitingDialog();
			}
		});
	}
	
	function doQueryGroupAction(pageNumber)
	{
		$('#hidden\\.queryGroupResult\\.pageNumber').val(pageNumber);
		$("#queryGroupResultDiv").fadeTo("slow", 0.1);

		waitingDialog({});
		$.ajax({url : "<c:url value='/ajax/Soez9007.action'/>",
			async : true,
			type : 'POST',
			data : $("#queryGroupHiddenFrom").serialize(),
			dataType : 'html',
			success : function(data, textStatus, XMLHttpRequest){
					$("#queryGroupResultDiv").html(data);
				},
			error : function(XMLHttpRequest, textStatus, errorThrown){
				$("#ajaxErrorMessageDiv").html('系統發生錯誤，請聯絡管理員');
				$("#ajaxErrorMessageDiv" ).dialog({  
					title:'系統錯誤' 
					,width: 600
					, resizable: false
					, modal: true
					, buttons: {
						Ok: function() {
							$( this ).dialog( "close" );
						}
					}
				});
				},
			complete: function(XMLHttpRequest, textStatus){
				if ($.browser.msie && /msie 6\.0/i.test(navigator.userAgent)){
					$("#findGroupDiv" ).dialog( "close" );
					$("#findGroupDiv" ).dialog( "open" );					
				}
				closeWaitingDialog();
				$("#queryGroupResultDiv").fadeTo("slow", 1);
			}
		});
	}

	//-->
	</script>
</head>
<body>
<div id="mainAreaCT">
	<jsp:include page="/includes/path.jsp"/>
	<jsp:include page="/includes/subMenu.jsp"/>
	
	<div id="queryFormDiv">
		<stripes:form id="queryGroupFrom" beanclass="com.feib.soeasy.action.Soez9007ActionBean" 
			method="post" onsubmit="javascript: return false;">
				
		<table id="queryForm">
			<tr>
				<th>業者代號</th>
				<td>
				<div id="findGroupNoImg"><a href="javascript: void(0)" class="btnZoom">查詢</a></div>
				<stripes:text id="qryRealAccount.group.groupNo" name="qryRealAccount.group.groupNo" size="12" maxlength="12" />					
				<span id="qryFormatDefinition.group.groupName.span"><c:out value="${actionBean.qryRealAccount.group.groupName }"/></span>
				</td>
			</tr>
			<tr>
				<th>業者名稱</th>
				<td>
					<stripes:text id="qryRealAccount.group.groupName" name="qryRealAccount.group.groupName" size="20" maxlength="20" />
				</td>
			</tr>
			<tr>
				<th>實體帳號</th>
				<td>
					<stripes:text id="qryRealAccount.accountNo" name="qryRealAccount.accountNo" size="20" maxlength="20" />
				</td>
			</tr>
			<tr>
				<td colspan="2" class="queryFunction">
					<stripes:button id="doQueryBtn" name="doQueryBtn" value="查詢"/>
					<stripes:button id="toAddBtn" name="toAddBtn" value="新增" />
				</td>
			</tr>
		</table>
		</stripes:form>
	</div><!-- end #queryForm -->
	
	<!-- 業者查詢結果  -->
	<div id="queryResultDiv" style="display: none;">
	</div>
	
	<!-- 維護實體帳號  -->
	<div id="editRealAccountDiv" style="display: none;"></div>
	
	<!-- 銷帳代碼設定 -->
	<div id="editPaymentCanceledDiv" style="display: none;" ></div>
	
	<div id="queryHiddenFormDiv" style="display: none;">
		<stripes:form id="queryHiddenFrom" beanclass="com.feib.soeasy.action.Soez9004ActionBean" 
			method="post" onsubmit="javascript: return false;">
			
			<stripes:hidden id="hidden.qryRealAccount.group.groupNo" name="qryRealAccount.group.groupNo"/>
			<stripes:hidden id="hidden.qryRealAccount.group.groupName" name="qryRealAccount.group.groupName" />
			<stripes:hidden id="hidden.qryRealAccount.accountNo" name="qryRealAccount.accountNo" />
			
			<stripes:hidden id="hidden.queryResult.pageNumber" name="queryResult.pageNumber" />
			
			<input type="hidden" id="method" name="doAjaxQuery"/>
		</stripes:form>
	</div>
	
	<!-- 業者維護畫面  -->
	<div id="editGroupDiv" style="display: none;"></div>
	
		
	<!-- Message -->
	<div id="ajaxErrorMessageDiv" style="display: none;"></div>
	
	
	
	
	
	<!-- 業者代號 查詢 -->
	<div id="findGroupDiv" style="display: none;">
		<div id="queryGroupDiv">
		<table>
			<tr>
				<th>業者代號</th>
				<td><input id="qryGroup.groupNo" type="text" size="12" maxlength="12" /> </td>
			</tr>
			<tr>
				<th>名稱</th>
				<td><input id="qryGroup.groupName" type="text" size="20" /></td>
			</tr>
			<tr>
				<td colspan="2" class="queryFunction">
					<input type="button" value="查詢" id="doAjaxQueryGroupsBtn"/>
					<input type="button" value="結束" id="doAjaxCloseGroupsBtn"/>
				</td>
			</tr>
		</table>
		</div>
		<div id="queryGroupResultDiv" style="display: none;">
		</div>
	</div>
	<div id="queryGroupHiddenFormDiv" style="display: none; ">
		<stripes:form id="queryGroupHiddenFrom" beanclass="com.feib.soeasy.action.Soez9007ActionBean" 
			method="post" onsubmit="javascript: return false;">
			<stripes:hidden id="hidden.qryGroup.groupName" name="qryGroup.groupName"/>
			<stripes:hidden id="hidden.qryGroup.groupNo" name="qryGroup.groupNo"/>
			<stripes:hidden id="hidden.queryGroupResult.pageNumber" name="queryGroupResult.pageNumber" />			
			<input type="hidden" id="method" name="doAjaxQueryGroups"/>
		</stripes:form>
	</div>
	
	
	
	
	
	
</div>
</body>
</html>